博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ECHO.js 纯javascript轻量级延迟加载
阅读量:7047 次
发布时间:2019-06-28

本文共 463 字,大约阅读时间需要 1 分钟。

422101-20160416143632207-1535486545.png

演示

简单的JavaScript图像延迟加载库Echo.js

简单的JavaScript图像延迟加载库Echo.js演示

应用

1.引入js,并初始化

2.给图片附上属性

3.给未加载的图片设置默认背景,动态的gif

.lazy{
width:100%;height:100%;background: url({sh::PUB}img/common/loading.gif) 50% no-repeat;}

很方便,很实用。

要想进一步提升网页打开速度,可以优化上传的图片。

网页慢,无非是,一查询慢,二图片加载慢,三没有使用延迟加载,四图片数据太大。

根据这些原因,逐步解决。

提升用户体验。

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5398381.html,如需转载请自行联系原作者

你可能感兴趣的文章
51nod 01背包
查看>>
outlook anywhere 配置
查看>>
冲刺一 (day 3)
查看>>
Beep使用
查看>>
关于php网络爬虫phpspider。
查看>>
OpenGL的glRotatef旋转变换函数详解
查看>>
c#中 ==与equals有什么区别
查看>>
Oracle Group By ROLLUP-SubTotal
查看>>
PHP 正则表达式
查看>>
Computer Graphics Research Software
查看>>
nodejs进阶(2)—函数模块调用
查看>>
java面向对象高级分层实例_BaseDao
查看>>
iOS 从相册中拿到 图片名 ,截取后缀,图片名
查看>>
linux+nginx+tomcat负载均衡,实现session同步
查看>>
初始JavaScript Promises之二
查看>>
.Net魔法堂:AssemblyInfo.cs文件详解
查看>>
(转)NGUI制作转圈的技能CD特效
查看>>
Spring JMX之三:通知的处理及监听
查看>>
Python 函数
查看>>
【剑指offer】合并两有序单链表
查看>>